@charset "UTF8";

/*-------------------
スマホ縦
-------------------*/
@media screen and (max-width: 480px){

    #new-info-area h4{
        width: 100%;
        font-size: 3vw;
        text-align: left;
    }

    #new-info-area dl{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        font-size: 2.5vw;
    }

    #new-info-area dt{
        width: 20%;
        padding: 1% 0;
    }

    #new-info-area dd{
        width: 80%;
        padding: 1% 0;
    }

}
/*-------------------
スマホ横
-------------------*/
@media screen and (min-width: 481px) and (max-width: 896px) {

    #new-info-area h4{
        width: 100%;
        font-size: 2vw;
        text-align: left;
    }

    #new-info-area dl{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        font-size: 1.8vw;
    }

    #new-info-area dt{
        width: 20%;
        padding: 1% 0;
    }

    #new-info-area dd{
        width: 80%;
        padding: 1% 0;
    }

}
/*-----------------------
 タブレットスタイル(縦)
-------------------------*/
@media screen and (min-width: 897px) and (max-width: 1024px) {

    #new-info-area h4{
        width: 100%;
        font-size: 1.3vw;
        text-align: left;
    }

    #new-info-area dl{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        font-size: 1vw;
    }

    #new-info-area dt{
        width: 20%;
        padding: 1% 0;
    }

    #new-info-area dd{
        width: 80%;
        padding: 1% 0;
    }

}

/*-------------------
タブレット_横
-------------------*/
@media screen and (min-width: 1025px) and (max-width: 1400px) {

    #new-info-area h4{
        width: 100%;
        font-size: 1.3vw;
        text-align: left;
    }

    #new-info-area dl{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        font-size: 1.2vw;
    }

    #new-info-area dt{
        width: 20%;
        padding: 1% 0;
    }

    #new-info-area dd{
        width: 80%;
        padding: 1% 0;
    }

}

/*-------------------
ＰＣ
-------------------*/
@media all and (min-width: 1401px){

    #new-info-area h4{
        width: 100%;
        font-size: 1.3vw;
        text-align: left;
    }

    #new-info-area dl{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        font-size: 1vw;
    }

    #new-info-area dt{
        width: 20%;
        padding: 1% 0;
    }

    #new-info-area dd{
        width: 80%;
        padding: 1% 0;
    }

}
/*-------------------
印刷用
-------------------*/
@media print{

    #new-info-area h4{
        width: 100%;
        font-size: 1.3vw;
        text-align: left;
    }

    #new-info-area dl{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        font-size: 1vw;
    }

    #new-info-area dt{
        width: 20%;
        padding: 1% 0;
    }

    #new-info-area dd{
        width: 80%;
        padding: 1% 0;
    }

}


/*-------------------
共通
-------------------*/

#main-image-area{
    width: 100%;
    box-shadow: 4px 4px 2px #6f6154;
}

#main-image-area img{
    width: 100%;
    vertical-align: top;
}

#new-info-area{
    width: 100%;
}

hr.new-info-line{
    border: 1px solid #002438;
    /* box-shadow: 2px 2px 2px #6f6154; */
}

hr.new-info-dashed-line{
    width: 100%;
    border-bottom: 1px dashed #002438;
    /* box-shadow: 2px 2px 2px #6f6154; */
}

#about-company-area{
    width: 100%;
    box-shadow: 4px 4px 2px #6f6154;
    box-sizing: border-box;
    background-color: #fbf1e8;
    padding: 2%;
    margin: 2% 0 4%;
}

#about-company-area p{
    line-height: 1.5vw;
}